<template>
    <view class="business">
        <Navigation background="#ffffff" rightType="collectShare" />
        <Info />
        <Goods />
        <Evaluate />
        <!-- 回到顶部 -->
        <view class="w-96 h-96 b-96 f ai-c jc-c fd-c to-top" @click="toTop">
            <image src="http://cwht.ricecs.cn/app/shop/top.png" class="w-24 h-26"></image>
            <view class="fs-24 fw-500 text-color4 mt-4">顶部</view>
        </view>
    </view>
</template>
<script setup lang="ts">
import Info from './Info.vue';
import Goods from './Goods.vue';
import Evaluate from './Evaluate.vue';
//回到顶部
const toTop = () => {
    uni.pageScrollTo({
        scrollTop: 0,
        duration: 200,
    });
};
</script>
<style lang="scss" scoped>
.business {
    background: #f5f5f5;
    min-height: 100vh;
    .to-top {
        border: 1rpx solid #dddddd;
        box-shadow: 0 2rpx 12rpx 0 #0000000f;
        position: fixed;
        right: 20rpx;
        bottom: 150rpx;
        background: #fff;
    }
}
</style>
